<%@ page language="java" contentType="text/html; charset=utf-8" pageEncoding="utf-8"%>
<!DOCTYPE >
<html>
<!-- 数据报告中的课程数据界面 -->
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<link rel="stylesheet" href="../../font-awesome-4.6.3/css/font-awesome.min.css" />
<link rel="stylesheet" href="../../bootstrap-table/bootstrap.min.css" />
<link rel="stylesheet" href="../../bootstrap-table/bootstrap-table.css">
<link rel="stylesheet" type="text/css" href="../../jquery-ui-1.12.1.custom/jquery-ui.css">
<link rel="stylesheet" href="../../css/top.css" />
<link rel="stylesheet" href="../../css/home.css" />
<link rel="stylesheet" href="../../css/reveal.css">	
<script src="../../js/jquery-1.9.1.js"></script>
<script src="../../js/jquery.min.js"></script>
<script src="../../jquery-ui-1.12.1.custom/jquery-ui.min.js"></script>
<script src="../../bootstrap-table/bootstrap-table.js"></script>
<script src="../../bootstrap-table/bootstrap-table-zh-CN.min.js"></script>
<script src="../../js/jquery.wallform.js"></script>
<script src="../../js/jquery-form.js"></script>
<script src="../../js/page.js"></script>
<title>智行校园-精准化服务平台</title>
<style>
  
  
</style>
</head>
<body >
  <input type="hidden" value="办事大厅"  />
	<div class="container" >
	  <div class="div_hall">
	    <div class="search_function">
	       <input placeholder="输入应用名称"/><button  id="search_function">搜索</button><button id="search_back">全部</button>
	    </div>
		<ul class="functions_target"></ul>
		<ul></ul>
	  </div>
	</div>
	<div id="myModal" class="reveal-modal">
		 <h3 class="reveal-modal-header"></h3>
          <!-- <div class="labels_show">
              <a>
                 <img src="../../img/ykt1.png" />
                 <span>余额</span>
                 <span>171.56</span>
              </a>
               <a>
                 <img src="../../img/ykt2.png" />
                 <span>状态</span>
                 <span>正常</span>
              </a>
               <a>
                 <img src="../../img/ykt3.png" />
                 <span>银行卡</span>
                 <span>**** **** **** 4353</span>
              </a>
          </div>
          <div class="content_info ">
             <a href="#content_child1">
                 <img src="../../img/ykt4.png" />
                                                            消费记录查询
              </a>
               <a href="#content_child2">
                 <img src="../../img/ykt5.png" />
                                                           挂失与解挂一卡通
              </a>
               <a href="#content_child3">
                 <img src="../../img/ykt6.png" />
                                                            绑定与解绑银行卡
              </a>
              <a href="#content_child4">
                 <img src="../../img/ykt7.png" />
                                                           一卡通使用与帮助
              </a>
          </div>
          <div class="content_info_child1" id="content_child1">
             <table id="the_table"></table>
          </div>
          <div class="content_info_child2 mt20" id="content_child2">
             <a class="ykt_clock"><img src="../../img/ykt8.png"><span>一卡通状态正常</span></a>
             <button class="ykt_operate">挂失一卡通</button>
             <p>挂失后可通过修改的一卡通密码解绑挂失</p>
          </div>
          <div class="content_info_child3 mt20" id="content_child3">
             <a class="ykt_clock"><img src="../../img/ykt9.png"><span>我的银行卡： **** **** **** 3534</span></a>
             <form action="#" >
                <label>姓名</label><input name="user_name" placeholder="姓名"/ ><br/>
                <label>密码</label><input name="user_password" placeholder="一卡通密码"/  ><br/>
                <button class="ykt_operate">解绑银行卡</button>
             </form>
          </div>
          <div class="content_info_child4" id="content_child4">
               <ul class="content_info_explain">
                  <li>
                     <a href="#"><img src="../../img/ykt10.png"/>校园卡有何作用？</a>
                     <div class="content_info_explain_deial">
                          there is the answer 
                     </div>
                  </li>
                   <li>
                     <a href="#"><img src="../../img/ykt10.png"/>校园卡设备有哪些？</a>
                     <div class="content_info_explain_deial">
                          there is the answer 
                     </div>
                  </li>
                   <li>
                     <a href="#"><img src="../../img/ykt10.png"/>校园卡服务中心在哪里？</a>
                     <div class="content_info_explain_deial">
                          there is the answer 
                     </div>
                  </li>
                   <li>
                     <a href="#"><img src="../../img/ykt10.png"/>校园卡初始密码是多少？</a>
                     <div class="content_info_explain_deial">
                          there is the answer 
                     </div>
                  </li>
               </ul>
          </div> -->
          <div class="content"></div>
          <div class="reveal-modal-footer">
            <ul>
            	<li>应用打分</li>
            	<li><span></span></li>
            	<li><span></span></li>
            	<li><span></span></li>
            	<li><span></span></li>
            	<li><span></span></li>
            	<li class="fabulous"><a>点赞</a></li>
            	<li class="fabulous dz"><a>
	            	<span>
		            	<span>
		            	</span>
	            	</span>
            	</a></li>
            	<li class="fabulous submit"><a href="javascript:;" class="btn-df">提交</a></li>
            	<div class="clear"></div>
            </ul>
          </div>
          <a class="back-reveal-modal"><i class="fa fa-chevron-circle-left" ></i> 返回上一级</a>
          <a class="close-reveal-modal">×</a>
	</div>
	<form method="post"  name="userid_form" >
	    <input type="hidden" value="" name="userid" id="user_id" />
    </form>
	<script> 
	var user_id = '<%=session.getAttribute("userid")%>';
	var user_name = '<%=session.getAttribute("username")%>';
	var faceaddress = '<%=session.getAttribute("faceaddress")%>';
	var ticket = '<%=session.getAttribute("ticket")%>';
	
	     $('form[name="userid_form"] input[name="userid"]').attr('value',user_id);
	</script>
	<script src="../../js/top.js"></script>
	<script src="../../js/jquery.reveal.js"></script>
	<script type="text/javascript" src="../../js/office_hall_modal.js"></script>
	<script src="../../js/office_hall.js"></script>
</body>
</html>